.head,
.main,
.footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.head-cen {
    width: 1200px;
    height: 150px;
    margin: 0 auto;
}

.note-30 {
    width: 100%;
    clear: both;
    height: 30px;
}

.nav {
    width: 100%;
    height: 60px;
    line-height: 60px;
}

.nav_cen {
    width: 1200px;
    margin: 0 auto;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: "020";
    height: 0px;
    display: block;
    overflow: hidden;
    clear: both;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

.cf {
    zoom: 1;
}

.cf:after {
    content: "020";
    height: 0px;
    display: block;
    overflow: hidden;
    clear: both;
}

.hide {
    display: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

body {
    background: #eff4f9;
}

.main {
    width: 1200px;
    margin: 30px auto;
    padding: 58px 30px 0 30px;
    background: #fff;
}

.item_box {
    padding-bottom: 32px;
}

.item_titem {
    height: auto;
    margin-bottom: 23px;
}

.item_titem img {
    width: 130px;
}

.kjgn_box li {
    float: left;
    width: 140px;
    height: 120px;
    background: #e1f4ff;
    margin-left: 60px;
}

.kjgn_box li:first-child {
    margin-left: 0px;
}

.kjgn_box li a {
    display: block;
    padding: 17px;
}

.kjgn_box li a img {
    display: block;
    height: 43px;
    margin: 0 auto 20px;
}

.kjgn_box li a span {
    display: block;
    text-align: center;
}


.ksfw {
    width: 320px;
}

.ksfw_item a {
    display: block;
    width: 320px;
    height: 80px;
    margin-bottom: 20px;
}

.ksfw_item img {
    width: 320px;
    height: 80px;
}

.qh_list {
    width: 780px;
}

.tit {
    font-family: "Microsoft YaHei Bold";
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    color: #666;
    margin-right: 20px;
    position: relative;
    display: inline-block;
    height: 48px;
}

.tit.hover {
    color: #008CD6;
}

.tit.hover::after {
    position: absolute;
    content: "";
    height: 3px;
    background: #008cd6;
    bottom: 0px;
    left: 0;
    right: 0;
}

.list_item {
    background: url(./pic_04.png) no-repeat top center;
}

.list_item li {
    font-size: 16px;
    line-height: 35px;
    height: 35px;
    vertical-align: middle;
    overflow: hidden;
}

.ts.list_item li {
    width: 550px;
    float: left;
}

.ts.list_item li:nth-child(2n-1) {
    float: right;
}

.list_item li a {
    padding-left: 13px;
    background: url(dian.png) no-repeat left;
    color: #000000;
    max-width: 700px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.ts.list_item li a,
.item_left .list_item li a,
.item_right .list_item li a {
    max-width: 415px;
}

.list_item li a:hover {
    color: #1492ff;
    background: url(dian_on.png) no-repeat left;
}

.list_item li img {
    width: 30px;
    height: 20px;
    margin-bottom: 35px;
}

.list_item li span {
    display: inline-block;
    float: right;
}

.banner1 img {
    height: 120px;
}

.more {
    float: right;
    font-weight: 400;
    font-size: 16px;
    line-height: 35px;
    color: #333;
    padding-right: 25px;
    background: url(pic_03.png) no-repeat right center;
    background-size: 18px;
}

.item_left {
    width: 550px;
    float: left;
}

.item_right {
    width: 550px;
    float: right;
}

.yqlj {
    margin-top: 9px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.yqlj span {
    display: block;
    float: left;
    width: 254px;
    line-height: 33px;
    margin-left: 30px;
    margin-bottom: 0;
}

.yqlj span:nth-child(4n-3) {
    margin-left: 0px;
}

.yqlj span a {
    font-size: 16px;
    line-height: 40px;
    color: #333;
    height: 40px;


    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* .yqlj .swiper-slide:nth-child(4n-3) a span {
    background-image: url(pic_15.png);
}

.yqlj .swiper-slide:nth-child(4n-2) a span {
    background-image: url(pic_16.png);
}

.yqlj .swiper-slide:nth-child(4n-1) a span {
    background-image: url(pic_17.png);
}

.yqlj .swiper-slide:nth-child(4n) a span {
    background-image: url(pic_18.png);
} */


.mobile_type .main {
    width: 100%;
    margin: 30px auto 0;
    padding: 4vw 4vw 0vw 4vw;
    background: #fff;
    overflow: hidden;
}

.mobile_type .item_box {
    padding-bottom: 4vw;
}

.mobile_type .item_titem {
    height: auto;
    margin-bottom: 20px;
}

.mobile_type .item_titem img {
    width: 130px;
}

.mobile_type .kjgn_box li {
    float: left;
    width: 28vw;
    height: 29vw;
    background: #e1f4ff;
    margin-left: 4vw;
    margin-bottom: 4vw;
}

.mobile_type .kjgn_box li:nth-child(3n+1) {
    margin-left: 0px;
}

.mobile_type .kjgn_box li a {
    display: block;
    padding: 2vw;
}

.mobile_type .kjgn_box li a img {
    display: block;
    height: 43px;
    margin: 0 auto 20px;
}

.mobile_type .kjgn_box li a span {
    display: block;
    text-align: center;
}

.mobile_type .ksfw {
    width: 100%;
}

.mobile_type .ksfw_item a {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.mobile_type .ksfw_item img {
    width: 100%;
    height: auto;
}

.mobile_type .qh_list {
    width: 100%;
}

.mobile_type .tit {
    font-family: "Microsoft YaHei Bold";
    font-weight: bold;
    font-size: 4vw;
    text-align: left;
    color: #666;
    margin-right: 20px;
    position: relative;
    display: inline-block;
    height: 8vw;
}

.mobile_type .tit.hover {
    color: #008CD6;
}

.mobile_type .tit.hover::after {
    position: absolute;
    content: "";
    height: 3px;
    background: #008cd6;
    bottom: 0px;
    left: 0;
    right: 0;
}

.mobile_type .list_item {
    background: url(./pic_04.png) no-repeat top center;
}

.mobile_type .list_item li {
    font-size: 4vw;
    line-height: 8vw;
    height: 8vw;
    vertical-align: middle;
    overflow: hidden;
}

.mobile_type .ts.list_item li {
    width: 100%;
    float: right;
}

.mobile_type .ts.list_item li:nth-child(2n-1) {
    float: left;
}

.mobile_type .list_item li a {
    padding-left: 13px;
    background: url(dian.png) no-repeat left;
    color: #000000;
    max-width: 59vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.mobile_type .list_item li a:hover {
    color: #1492ff;
    background: url(dian_on.png) no-repeat left;
}

.mobile_type .list_item li img {
    width: 30px;
    height: 20px;
    margin-bottom: 35px;
}

.mobile_type .list_item li span {
    display: inline-block;
    float: right;
}

.mobile_type .banner1 img {
    width: 100%;
    height: auto;
    display: none;
}

.mobile_type .more {
    float: right;
    font-weight: 400;
    font-size: 4vw;
    line-height: 8vw;
    color: #333;
    padding-right: 20px;
    background: url(pic_03.png) no-repeat right center;
    background-size: 18px;
}

.mobile_type .item_left {
    width: 100%;
    float: left;
}

.mobile_type .item_right {
    width: 100%;
    float: right;
}

.mobile_type .yqlj span {
    display: block;
    /* float: left; */
    width: 80vw;
    line-height: 10vw;
    margin-left: 0px;
    margin-bottom: 4vw;
}

.mobile_type .yqlj span:nth-child(2n-1) {
    margin-left: 0px;
}

.mobile_type .yqlj span a {
    /* display: block; */
    /* width: 262px;
    height: 140px;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 26px 60px 0px 25px; */
    font-size: 4vw;
    line-height: initial;
    height: auto;
    /* color: #fff; */
    font-weight: bold;
}

/* .mobile_type .yqlj a {
    display: block;
    float: left;
    width: 96vw;
    height: 48vw;
    margin-left: 0vw;
    margin-bottom: 4vw;
} */

/* .mobile_type .yqlj a:nth-child(2n+1) {
    margin-left: 0px;
} */

/* .mobile_type .yqlj a img {
    width: 100%;
    height: auto;
} */

/* .mobile_type .swiper-slide { */
/* width: 96vw !important;
    margin-right: 1vw !important; */
/* } */

/* .mobile_type .yqlj a span {
    width: 100%;
    height: 100%;
    background-size: cover;
} */